import emptyImage from '@/assets/empty.png'
import { cn } from '@/utils/css'

interface Props {
  info?: string
  className?: string
  imageClassName?: string
}

function Empty({ info = '暂无数据', className, imageClassName }: Props) {
  return (
    <div
      className={cn('flex h-full flex-col items-center justify-center gap-2 text-xs text-muted-foreground', className)}
    >
      <img src={emptyImage} alt="" className={cn('w-16', imageClassName)} />
      {info}
    </div>
  )
}

export { Empty }
